---
---
<!DOCTYPE html>
<html lang=en>

<head>
    <meta charset=utf-8>

    <link rel="stylesheet" type="text/css" href="{{ site.baseurl }}/common/css/stylesheet.css"/>
    <link rel="stylesheet" href="{{ site.baseurl }}/common/css/stylesheet-fonts.css" type="text/css" charset="utf-8">
    <link rel="icon" href="{{ site.baseurl }}/common/css/favicon.ico" type="image/x-icon">
    <link rel="shortcut icon" href="{{ site.baseurl }}/common/css/favicon.ico" type="image/x-icon">
    <title>Creating an iOS App for Magento MobileConnect</title>

</head>

<body>
<a name="top"></a>

<img src="{{ site.baseurl }}/common/images/m1x/m1xheader.png" width="1024" alt="header" />

<!-- Title: Magento Community Edition (CE) 1.9 and Magento Enterprise Edition (EE) 1.14 Responsive Web Design Developer's Guide-->
<!-- URL: ee114-ce19-rwd-dev-guide -->

<body>
<a name="top"></a>

<div id="content">

<h1>Creating an iOS App for Magento MobileConnect</h1>
<!-- <p><a href="{{ site.m1xgithuburl }}/ce19-ee114/RWD_dev-guide.html" target="_blank">Edit this page on GitHub <img src="{{ site.baseurl }}/common/images/github_icon.png" height="15px"></a></p>
 -->

<div class="toc"><h4 class="toc">Contents</h4>
<ul><li><a href="#intro">Introduction</a></li>
<li><a href="#prereq">先决条件</a></li>
<li><a href="#customize">Customizing Your iOS App</a></li>
<li><a href="#more-info">For More Information</a></li>
</ul></div>

<h2 id="intro">Introduction</h2>
<p>This guide helps you create and configure an iOS app for Magento MobileConnect. Your app enables customers to view and make purchases for your store.</p>
<p>We provide you with a sample app in the MagentoMobile extension package that you can open as an XCode project to do the customization.</p>

<h2 id="prereq">先决条件</h2>
<p>开始之前:</p>
<ol><li>You must be familiar with iOS app development.<br />
    To come up to speed, you can <a href="https://developer.apple.com/programs/start/standard/" target="_blank">enroll in an Apple Developer program</a>.</li>
    <li>You must know the App Code for your Magento MobileConnect application.<br />
    To view the code, log in to the Admin Panel as an administrator and click <strong>MobileConnect</strong> > <strong>Manage Apps</strong>. You must know the value displayed in the App Code column.</li>
    </ol>

<h2 id="creating">Creating the iOS App</h2>
<p>To create the iOS app:</p>
<ol><li>Open <code>MagentoShop/MagentoShop.xcodeproj</code> in Xcode.</li>
<li>Locate <code>Configuration.plist</code>.</li>
<li>Change the value of <code>serverURL</code> to your store's base URL (for example, <code>http://mystore.example.com</code>).</li>
<li>Change the value of <code>applicationCode</code> to the application code displayed in the Magento Admin Panel. <br />
    To view the code, log in to the Admin Panel as an administrator and click <strong>MobileConnect</strong> > <strong>Manage Apps</strong>. Enter the value displayed in the App Code column.</li>
<li>Build and run your app.</li></ol>

<h2 id="customize">Customizing Your iOS App</h2>
<p>The following sections discuss how you can customize your Magento MobileConnect iOS app.</p>

<h3 id="customize-start">Customizing the Launch Image</h3>
<p>Launch images are located in <code>MagentoShop/Resources/Images/LaunchImages.xcassets</code>.</p>
<p>Refer to Apple's <a href="https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/LaunchImages.html" target="_blank">Human Interface Guidelines</a> for details.</p>

<h3 id="customize-icon">Customizing the App Icon</h3>
<p>App icons are located in <code>MagentoShop/Resources/Images/ApplicationIcon.xcassets</code>.</p>
<p>Refer to Apple's <a href="https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/AppIcons.html" target="_blank">HIG</a> for best practices.</p>

<h3 id="customize-thumb">Customizing Thumbnail Images</h3>
<p>Thumbnail images display when a category or a product does not have an image defined for it.</p>
<p>You can find customizable images in <code>MagentoShop/Resources/Images/Images.xcassets/thumbnails</code>.</p>

<h2 id="more-info">For More Information</h2>
<ul><li><a href="https://developer.apple.com/library/mac/documentation/IDEs/Conceptual/AppDistributionGuide/Introduction/Introduction.html#//apple_ref/doc/uid/TP40012582-CH1-SW1" target="_blank">About App Distribution</a></li>
    <li><a href="https://developer.apple.com/programs/start/standard/" target="_blank">Enrolling in Apple Developer Programs</a></li></ul>

